@import '~/common/style/index.scss';
$textarea-prefix-cls: #{$cui-prefix}-textarea;

$lineHeight: 24px;

.#{$textarea-prefix-cls} {
    flex: 1;
    display: flex;
    position: relative;

    &-input {
        flex: 1;
        font-size: $font-size-lg;
        text-align: left;
        line-height: $lineHeight;
        color: $font-color;
        max-height: $lineHeight * 4;
        overflow: auto;
        padding: $padding-xss + 2px $padding-sm;
        background-color: $gray-95;
        border-radius: 18px;
        outline: 0 none;
        min-height: 24px;
        word-break: break-all;
        white-space: pre-wrap;
        &-square{
            border-radius: 4px;
        }
    }

    &-input:empty::before {
        content: attr(placeholder);
        color: #919BA1;
    }

    &-sendBtn {
        position: absolute;
        right: 12px;
        bottom: 7px;
        cursor: pointer;
        line-height: 100%;
    }


    &-hasBtn {
        .#{$textarea-prefix-cls}-input {
            padding-right: $padding-sm * 2;
        }
    }

}

.#{$textarea-prefix-cls}-dark{
    .#{$textarea-prefix-cls}-input{
        background-color: $gray-2;
        color: $gray-98;
    }
}